css grid와 scroll snap 사용하기

.container {
  display: grid;
  overflow-x: scroll;
  scroll-snap-type: x mandatory;
  grid-auto-flow: column;
  grid-template-columns: 85% 100%;
  grid-template-rows: repeat(5, auto);
  grid-row-gap: 20px;
  grid-column-gap: 12px;
}

.item {
  display: flex;
  scroll-snap-align: center;
}